<template>
    <div class="login-container">
        <div class="login-box">
            <!-- 头像区域 -->
            <h1>后台登录</h1>
            <!-- 表单区域 -->
            <el-form :model='loginForm' :rules="formRules" ref="formRef">
                <el-form-item prop="username">
                    <el-input prefix-icon="el-icon-user" v-model="loginForm.name"></el-input>
                </el-form-item>
                <el-form-item prop="password">
                    <el-input prefix-icon="el-icon-key" v-model='loginForm.password' type="password"></el-input>
                </el-form-item>
                <el-form-item class="sort">
                    <el-button type="primary" @click="confirm">登录</el-button>
                    <el-button type="info" @click="resetForm">重置</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script src="./_login.js" lang="js"></script>
<style src="./_login.less" lang="less" scoped></style>
